<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.height {
				background-color: deeppink;
			}
			#tab{
				position: absolute;
				left: 50%;
				transform: translateX(-50%);
			}
			[v-clock]{
				 none
			}
		</style>
	</head>

	<body>
		<div id="tab">

			<button @click="add()">添加</button>
			<button class="del">删除选中</button>
			<button class="sort">从小到大</button>
			<button class="num">从大到小</button>
			<button class="back">反选</button>
			<button class="all">全选</button>
			<table border="1" cellspacing="0" cellpadding="10">
				<!--				
				<tr v-for="item in n_arr">
					<td v-for="list in item">
						{{list}}
					</td>
				</tr>-->
				<tr>
					<td>id</td>
					<td>中文招聘职位</td>
					<td>英文招聘职位</td>
					<td>招聘人数</td>
					<td>中文所属区域</td>
					<td>英文所属区域</td>
					<td>时间</td>
					<td>操作</td>
				</tr>
				<tr v-for="item in n_arr">
					<td>
						{{item.id}}
					</td>
					<td>
						{{item.ch_name}}
					</td>
					<td>
						{{item.en_name}}
					</td>
					<td>
						{{item.num}}
					</td>
					<td>
						{{item.ch_area_name}}
					</td>
					<td>
						{{item.en_area_name}}
					</td>
					<td>{{item.time}}
					</td>
					<td>
						<button @click="del(index)">删除</button>
					</td>
				</tr>
			</table>
		</div>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jq_ajax.js" type="text/javascript" charset="utf-8"></script>

	</body>

</html>